Asplan Viak · Internal Tool · Construction

Nexbuild

Asplan Viak's construction consultancy team relied on Nexbuild. The brief said "redesign the interface." After my first week with the product, I quietly rewrote the brief: figure out what to remove, and prove it's safe to remove it.

Role
Lead Product / UX Designer
Year
2024
Scope
Field Research · IA · Interaction Design · Prototyping · UI
Industry
Construction / Engineering
When everything is equally important, nothing is

The old system was built like an Office ribbon. Five tabs on top and around 25 buttons visible at all times. Four different views of the same project list. Eight "property" buttons for every project. A search field with two separate reset buttons next to it - which tells you a lot about how much people trusted that search.

Experienced users had simply learned to ignore most of the screen. New employees needed weeks to stop asking their colleagues where things were.

The old system before the redesign - a dense ribbon toolbar with five tabs and a cluttered project list
Before - the old ribbon interface, 25+ always-visible commands and a dense, uncategorized project list
Nexbuild dashboard - clean single list with 3 nav items
The redesigned dashboard - 3 navigation items, one searchable list, status chips
I don't design from screenshots

I flew to Norway and sat next to the people who actually use the tool. Site offices, hard hats in the corner, very strong coffee. Three things stayed with me:

  • Experienced users don't read the interface - they remember it. They navigate by click paths built over years. Move things around carelessly and you break that.
  • New people were lost for weeks. The ribbon gave no hint about what mattered.
  • Many users were 45+, working in site offices with harsh daylight on their screens. Readability wasn't a "nice to have."

The entire interface was in Norwegian, and so was most of the conversation around it. It forced me to pay closer attention to how people actually interacted with the interface instead of relying on what they told me.

That boring spreadsheet became the new IA

Before drawing anything, I put every single command from the old interface into a spreadsheet and asked: is this used daily, used inside a specific project, used rarely but critical, or just redundant?

Three destinations in the navigation - Assignments, Document search, Settings - and everything else moved into the context of a project.

  • Four list views became one list. A single search field that checks five things at once, plus visible status chips and a favourites star.
  • Eight global property buttons became tabs inside the project - overview, participants, documents, activity log.
  • Location got promoted. People say "the Bergen job", not the project number. So place became a first-class field.
  • Manual project numbers are gone. The number generates itself.
Advanced filters panel - status, priority, budget range, project type, construction phase, client
Advanced filtering - every project attribute exposed as a filter, without cluttering the default list
Schedule and risk, in one glance

Every project's overview tab surfaces its construction schedule as a Gantt-style timeline alongside budget, milestones, and active risks - the numbers a project manager checks first, every morning.

Project overview with construction schedule Gantt chart, budget, milestones and risks
Project overview - construction schedule, budget, milestones and active risks
Two ways to start a project

Most projects are created by hand through a short guided wizard - basics, team, budget - with the project code generating itself. For teams migrating existing spreadsheets, a CSV import maps columns to system fields automatically and flags anything it can't resolve on its own.

New Project wizard - Basic info step
New Project - import from CSV with column mapping
Manual creation vs. CSV import - the same project fields, two entry points
Analytics tell you what happens, never why it matters

Usage analytics flagged the improvement system - reporting of incidents, near-misses and suggestions - as basically dead. An obvious cut.

Then I talked to users. In Norwegian construction, HSE reporting is required by law. It's used rarely - thankfully - but when it's needed, it's not optional. Cutting it to make a toolbar look cleaner would have broken a legal process.

Instead of deleting it, I moved it: out of the global ribbon, into an HMS tab inside each project. A report always concerns a specific project anyway. Available exactly where it's needed, invisible everywhere else.

HMS reports - high contrast dark mode
HMS incident reporting
Eight buttons became five tabs

Everything about a project - general info, participants, documents, activity log, and HMS - lives inside one view with clear tabs. The high-contrast mode shows the same structure in a dark theme designed with equal care.

High-contrast mode and larger text sit one click away in the header of every screen, and the preference is saved in settings. I watched people squint at their screens in bright site offices. The dark high-contrast version is a complete theme, designed with the same care as the default - not a filter thrown on top.

Dashboard empty search state - high contrast dark mode
Dashboard empty state - accesibilty adjusted
Rebuilt as Nexbuild

Soft monochrome UI with a single pale-chartreuse accent, built for long shifts on dense operational data - the visual language the redesign runs on.

Nexbuild design system - typography, colors, icons and components
01 · Research
Sitting next to users
Field visits to Norwegian site offices. Mapped every command in the old ribbon. Workshops in a mix of Norwegian, drawings, and pointing at screens.
02 · Architecture
The spreadsheet that became the IA
Every command tagged as daily / project-contextual / rare-but-critical / redundant. Three global destinations emerged; everything else moved into project context.
03 · Validation
Testing with both groups
Moderated tests with long-time users and newcomers. Real tasks - find a project, create one, report an incident. The wizard's step grouping changed twice.
~25 → 3
Always-visible commands
reduced to 3 nav items
4 → 1
List views consolidated
into one searchable list
1 → 4
Long form replaced by
a 4-step wizard
0
Legally required workflows
harmed in the process